<template>
    <div>
        <el-input placeholder="请输入内容" v-model="input" @keyup.enter.native="send"> </el-input>
    </div>
</template>

<script>
import store from '../store/index';
export default {
    name: 'ChatroomMyFooter',

    data() {
        return {
             input:'',
        };
    },

    mounted() {
        
    },
    computed:{
        chatType(){
            return store.state.chatType;
        },
        myInfo(){
            return store.state.myInfo;
        },
        userInfo(){
        return store.state.userInfo;
        }
    },
    methods: {
        send(){
            let time = new Date();
            /* 发送消息 */
            /* 先判断是群聊还是私聊 */
            if(this.chatType=='group'){
                let data={
                    type:'my',
                    sender:this.myInfo.name,//发送者id
                    senderimg:this.myInfo.img,//发送者的img
                    receiver: '默认群聊',//接收方id
                    time:time.toLocaleString( ),//发送时间
                    msg: this.input,//消息内容
                }
                this.$socket.emit('groupChat',data);
                /* 自己的信息直接push到数组中 */
                store.commit('SOCKET_updateChatMessageList',data);
            }else{
                let data={
                    type:'my',
                    sender:this.myInfo.name,//发送者id
                    senderimg:this.myInfo.img,//发送者的img
                    receiver:this.userInfo.name,//接收方id
                    time:time.toLocaleString( ),//发送时间
                    msg: this.input,//消息内容
                }
                this.$socket.emit('privateChat',data);
                /* 自己的信息直接push到数组中 */
                store.commit('SOCKET_updateChatMessageList',data);
            }
            /* 清空输入框 */
            this.input='';
        },
    },
};
</script>

<style lang="scss" scoped>

</style>